.index{
    .bigbox {
        height: 700px;
        overflow-y: auto;
        .ant-layout-sider {
            background: #fff;
            overflow-y: auto;
            h3 {
                color: #2984f8;
                font-weight: normal;
                height: 60px;
                line-height: 60px;
                text-align: center;
            }
        }
        .main{ 
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            .ant-layout-header {
                height: 64px;
                background: #fff;
                display:flex;
                align-items: center;
                justify-content: space-between;
                img{
                    height: 60%;
                }
                .rightbox{
                    width: 20%;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    .topright{
                        width: 80%;
                        justify-self: flex-end;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                        img{
                            height: 100%;
                        }
                    }
                }
               
            }
            .ant-layout-content {
                flex: 1;
                overflow-y: auto;
                background: #eff4fc;
            }
            .ant-popover{
                .ant-popover-content{
                   .ant-popover-inner-content{
                    display: flex;
                    flex-direction: column;
                   }
                }
                
            }
        }
        
    }
    .drawer{
        .ant-drawer-title{
            color: #999 ;
         }
    }
    
    
}
